<!--<template>-->
<!--  &lt;!&ndash;Param Properties &ndash;&gt;-->
<!--  <el-col :span="6" class="param-properties">-->
<!--    <div class="param-properties__title">{{ $t('flyparam.properties') }}</div>-->
<!--    <div class="main-content__right">-->
<!--      <el-form-->
<!--        v-if="currentItem"-->
<!--        ref="prorpertiesForm"-->
<!--        size="small"-->
<!--        :rules="rules"-->
<!--        :model="currentItem"-->
<!--      >-->
<!--        <div v-if="currentItem.type === 2">-->
<!--          <el-form-item :label="$t('flyparam.title')">-->
<!--            <el-input v-model="currentItem.title" size="small" />-->
<!--          </el-form-item>-->
<!--        </div>-->
<!--        <div v-else>-->
<!--          <el-form-item :label="$t('flyparam.param_label')" prop="label">-->
<!--            <el-input v-model="currentItem.label" size="small" maxlength="64" />-->
<!--          </el-form-item>-->
<!--          <el-form-item :label="$t('flyparam.param_key')" prop="key">-->
<!--            <el-input v-model="currentItem.key" size="small" maxlength="64" />-->
<!--          </el-form-item>-->
<!--          <el-form-item :label="$t('flyparam.param_type')" prop="valueType">-->
<!--            <el-select-->
<!--              v-model="currentItem.valueType"-->
<!--              size="small"-->
<!--              @change="handleValueTypeChange"-->
<!--            >-->
<!--              <el-option label="String" :value="types.STRING" />-->
<!--              <el-option label="Number" :value="types.NUMBER" />-->
<!--              <el-option label="Hex" :value="types.HEX" />-->
<!--              <el-option label="Boolean" :value="types.BOOLEAN" />-->
<!--              <el-option label="File" :value="types.FILE" />-->
<!--              <el-option-->
<!--                v-if="mode === 1"-->
<!--                label="Reference"-->
<!--                :value="types.REFERENCE"-->
<!--              />-->
<!--              <el-option label="Time" :value="types.TIME" />-->
<!--              <el-option label="Date" :value="types.DATE" />-->
<!--              <el-option label="DateTime" :value="types.DATETIME" />-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-if="currentItem.valueType === types.REFERENCE"-->
<!--            :label="$t('flyparam.reference_table')"-->
<!--            prop="table"-->
<!--          >-->
<!--            <div class="flex items-center">-->
<!--              <el-select-->
<!--                v-model="currentItem.table"-->
<!--                class="el-select__reference"-->
<!--                size="small"-->
<!--                value-key="id"-->
<!--                :loading="selectLoading"-->
<!--                @visible-change="selectTableVisibleChange"-->
<!--                @change="currentItem.defaultValues = []"-->
<!--              >-->
<!--                <el-option-->
<!--                  v-for="item in (currentTab &&-->
<!--                    currentTab.referenceTable) ||-->
<!--                    []"-->
<!--                  :key="item.id"-->
<!--                  :value="{-->
<!--                    id: item.id,-->
<!--                    tableType: item.tableType-->
<!--                  }"-->
<!--                  :label="item.name"-->
<!--                >-->
<!--                  <svg-icon :icon-class="_treeIconClass(item)" class-name="mr-2" />-->
<!--                  <span>{{ item.name }}</span>-->
<!--                </el-option>-->
<!--              </el-select>-->
<!--              <div class="el-select-append">-->
<!--                <button-->
<!--                  type="button"-->
<!--                  class="el-button el-button&#45;&#45;default"-->
<!--                  @click="() => handleReferenceTableClick()"-->
<!--                >-->
<!--                  <i class="el-icon-position" />-->
<!--                </button>-->
<!--              </div>-->
<!--            </div>-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-if="-->
<!--              [types.TIME, types.DATE, types.DATETIME].includes(-->
<!--                currentItem.valueType-->
<!--              )-->
<!--            "-->
<!--            :label="$t('flyparam.date_formatter')"-->
<!--          >-->
<!--            <el-select v-model="currentItem.formatter" size="small">-->
<!--              <div v-if="currentItem.valueType === types.TIME">-->
<!--                <el-option label="HH:mm:ss" value="HH:mm:ss" />-->
<!--              </div>-->
<!--              <div-->
<!--                v-else-if="-->
<!--                  currentItem.valueType === types.DATETIME-->
<!--                "-->
<!--              >-->
<!--                <el-option label="MM/dd/yyyy HH:mm:ss" value="MM/dd/yyyy HH:mm:ss" />-->
<!--                <el-option label="dd/MM/yyyy HH:mm:ss" value="dd/MM/yyyy HH:mm:ss" />-->
<!--                <el-option label="yyyy/MM/dd HH:mm:ss" value="yyyy/MM/dd HH:mm:ss" />-->
<!--                <el-option label="YYYY-MM-dd HH:mm:ss" value="YYYY-MM-dd HH:mm:ss" />-->
<!--              </div>-->
<!--              <div v-else-if="currentItem.valueType === types.DATE">-->
<!--                <el-option label="MM/dd/yyyy" value="MM/dd/yyyy" />-->
<!--                <el-option label="dd/MM/yyyy" value="dd/MM/yyyy" />-->
<!--                <el-option label="yyyy/MM/dd" value="yyyy/MM/dd" />-->
<!--                <el-option label="YYYY-MM-dd" value="YYYY-MM-dd" />-->
<!--              </div>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-if="!(currentItem.valueType === types.REFERENCE && currentItem.table.tableType === 1)"-->
<!--            :label="$t('flyparam.default_value')"-->
<!--          >-->
<!--            <div v-if="currentItem.valueType === types.BOOLEAN">-->
<!--              <el-radio v-model="currentItem.defaultValues" :label="true">{{ $t('flyparam.true_option') }}</el-radio>-->
<!--              <el-radio v-model="currentItem.defaultValues" :label="false">{{ $t('flyparam.false_option') }}</el-radio>-->
<!--            </div>-->
<!--            <div-->
<!--              v-else-if="-->
<!--                currentItem.valueType === types.REFERENCE-->
<!--              "-->
<!--            >-->
<!--              <div v-if="currentItem.table && currentItem.table.tableType === 2" class="flex items-center">-->
<!--                <el-select-->
<!--                  v-model="currentItem.defaultValues"-->
<!--                  class="el-select__reference"-->
<!--                  multiple-->
<!--                  disabled-->
<!--                  :multiple-limit="currentItem.maxLength"-->
<!--                  collapse-tags-->
<!--                  size="small"-->
<!--                >-->
<!--                  <el-option v-for="item in currentItem.referenceValues" :key="item" :label="item" :value="item" />-->
<!--                </el-select>-->
<!--                <div class="el-select-append">-->
<!--                  <button-->
<!--                    type="button"-->
<!--                    class="el-button"-->
<!--                    @click="handleSelectReference(currentItem)"-->
<!--                  >{{ $t('flyparam.select') }}</button>-->
<!--                </div>-->
<!--              </div>-->
<!--              <el-select-->
<!--                v-else-->
<!--                v-model="currentItem.defaultValues"-->
<!--                multiple-->
<!--                :disabled="refTableType !== 3"-->
<!--                @click.native="-->
<!--                  handleSelectReference(currentItem)-->
<!--                "-->
<!--              >-->
<!--                <el-option-->
<!--                  v-for="item in currentItem.referenceValues"-->
<!--                  :key="item"-->
<!--                  :label="item"-->
<!--                  :value="item"-->
<!--                />-->
<!--              </el-select>-->
<!--            </div>-->
<!--            <div v-else-if="currentItem.valueType === types.FILE">-->
<!--              <div v-ellipsis>-->
<!--                <span>{{ currentItem.defaultValues }}</span>-->
<!--              </div>-->
<!--              <el-button size="small" @click="handleSelectFile(activeId)">{{ $t('flyparam.select_file') }}</el-button>-->
<!--            </div>-->
<!--            <el-input-->
<!--              v-else-if="currentItem.valueType === types.NUMBER"-->
<!--              v-model="currentItem.defaultValues"-->
<!--              size="small"-->
<!--              :placeholder="currentItem.defaultValues"-->
<!--              @input="-->
<!--                (val) =>-->
<!--                  handleNumberInputChange(val, currentItem)-->
<!--              "-->
<!--            />-->
<!--            <el-input-->
<!--              v-else-if="currentItem.valueType === types.HEX"-->
<!--              v-model="currentItem.defaultValues"-->
<!--              size="small"-->
<!--              :placeholder="currentItem.defaultValues"-->
<!--              @input="-->
<!--                (val) => handleHexInputChange(val, currentItem)-->
<!--              "-->
<!--            />-->
<!--            <el-date-picker-->
<!--              v-else-if="currentItem.valueType === types.DATE"-->
<!--              v-model="currentItem.defaultValues"-->
<!--              type="date"-->
<!--              :format="currentItem.formatter"-->
<!--              :value-format="currentItem.formatter"-->
<!--              :placeholder="$t('flyparam.choose_time_tip')"-->
<!--              size="small"-->
<!--              style="width: 100%"-->
<!--            />-->

<!--            <el-date-picker-->
<!--              v-else-if="-->
<!--                currentItem.valueType === types.DATETIME-->
<!--              "-->
<!--              v-model="currentItem.defaultValues"-->
<!--              type="datetime"-->
<!--              :format="currentItem.formatter"-->
<!--              :value-format="currentItem.formatter"-->
<!--              :placeholder="$t('flyparam.choose_time_tip')"-->
<!--              size="small"-->
<!--              style="width: 100%"-->
<!--            />-->
<!--            <el-time-picker-->
<!--              v-else-if="currentItem.valueType === types.TIME"-->
<!--              v-model="currentItem.defaultValues"-->
<!--              :format="currentItem.formatter"-->
<!--              :value-format="currentItem.formatter"-->
<!--              :placeholder="$t('flyparam.choose_time_tip')"-->
<!--              size="small"-->
<!--              style="width: 100%"-->
<!--            />-->
<!--            <el-input-->
<!--              v-else-->
<!--              v-model="currentItem.defaultValues"-->
<!--              :value="currentItem.defaultValues"-->
<!--              size="small"-->
<!--              :maxlength="currentItem.maxLength"-->
<!--              @input="-->
<!--                (val) => handleStringInput(val, currentItem)-->
<!--              "-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-if="currentItem.valueType === types.REFERENCE && currentItem.table.tableType !== 1"-->
<!--            :label="$t('flyparam.max_ref_number')"-->
<!--            prop="maxLength"-->
<!--          >-->
<!--            <el-input-->
<!--              v-model.number="currentItem.maxLength"-->
<!--              size="small"-->
<!--              type="number"-->
<!--              max="20"-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-else-if="currentItem.valueType === types.HEX"-->
<!--            :rules="[{validator: validateMaxLength, maxLength: 2048, trigger: 'change' }]"-->
<!--            :label="$t('flyparam.max_length')"-->
<!--            prop="maxLength"-->
<!--          >-->
<!--            <el-input-->
<!--              v-model.number="currentItem.maxLength"-->
<!--              size="small"-->
<!--              type="number"-->
<!--              max="2048"-->
<!--              @input="-->
<!--                (val) =>-->
<!--                  handleHexMaxLengthInput(val, currentItem)-->
<!--              "-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-else-if="currentItem.valueType === types.NUMBER"-->
<!--            :rules="[{validator: validateMaxLength, maxLength: Number.MAX_SAFE_INTEGER, trigger: 'change' }]"-->
<!--            :label="$t('flyparam.max_value')"-->
<!--            prop="maxLength"-->
<!--          >-->
<!--            <el-input-->
<!--              v-model.number="currentItem.maxLength"-->
<!--              size="small"-->
<!--              type="number"-->
<!--              :max="Number.MAX_SAFE_INTEGER"-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-else-if="-->
<!--              ![-->
<!--                types.BOOLEAN,-->
<!--                types.FILE,-->
<!--                types.TIME,-->
<!--                types.DATE,-->
<!--                types.DATETIME-->
<!--              ].includes(currentItem.valueType)-->
<!--                &&-->
<!--                !(currentItem.valueType === types.REFERENCE && currentItem.table.tableType === 1)"-->
<!--            :rules="[{validator: validateMaxLength, maxLength: 255, trigger: 'change' }]"-->
<!--            :label="$t('flyparam.max_length')"-->
<!--            prop="maxLength"-->
<!--          >-->
<!--            <el-input-->
<!--              v-model.number="currentItem.maxLength"-->
<!--              size="small"-->
<!--              type="number"-->
<!--              max="255"-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            v-if="(currentItem.valueType !== types.BOOLEAN) && !(currentItem.valueType === types.REFERENCE && currentItem.table.tableType === 1)"-->
<!--            :label="$t('flyparam.param_require')"-->
<!--          >-->
<!--            <el-switch-->
<!--              v-model="currentItem.nullable"-->
<!--              :active-value="0"-->
<!--              :inactive-value="1"-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item :label="$t('common.description')">-->
<!--            <el-input-->
<!--              v-model="currentItem.description"-->
<!--              type="textarea"-->
<!--              max="255"-->
<!--              :autosize="{ minRows: 3, maxRows: 8 }"-->
<!--            />-->
<!--          </el-form-item>-->
<!--        </div>-->
<!--      </el-form>-->
<!--    </div>-->
<!--  </el-col>-->
<!--</template>-->

<!--<script>-->
<!--import { rules } from '../rules'-->
<!--import { types } from '../type'-->

<!--export default {-->
<!--  props: {-->
<!--    currentItem: Object,-->
<!--    currentTab: Object-->
<!--  },-->
<!--  data() {-->
<!--    var that = this-->
<!--    return {-->
<!--      rules: rules.call(that),-->
<!--      types: Object.freeze(types)-->
<!--    }-->
<!--  },-->
<!--  methos: {-->
<!--    handleStringInput(val, currentItem) {-->
<!--      this.currentTab.form[currentItem.i] = val-->
<!--      this.currentItem.defaultValues = val-->
<!--    },-->

<!--    handleHexMaxLengthInput(val) {-->
<!--      this.currentItem.maxLength = Number((val + '').replace(/[-.]/g, ''))-->
<!--    },-->

<!--    handleReferenceTableClick() {-->

<!--    },-->

<!--    handleSelectFile(id) {-->
<!--      this.activeId = id-->
<!--      this.uploadFileVisible = true-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped lang="scss">-->

<!--</style>-->
